$(() => {
    // QF.delCookle("islogin","/")
    //将Cookle删掉,就相当于退出登陆("name","path")::path路径
    /*  书写注册页面的JS代码  */
    // 用户名输入完毕 发送请求验证是否可用
    let $username = $("#username");
    //获取用户名input元素
    let $modelBody = $("#modelBody");
    //选择这个p标签,之后改变他
    let $submitBtn = $("#submitBtn");
    //选择按钮,当我点击按钮时
    // 定义变量
    let usernamelock = false;
    $username.on("blur", () => {
        // 当这个用户名input失去焦点的时候;获取用户名
        $.ajax({
            url: "/php/checkusername.php",
            // 需要发送到数据库里php里面的checkusername.php之中
            data: {
                username: $username.val()
            },
            // 传到data,里面有个叫username的,这个username对应的值就是用户输入数据的值val是jQuery写法
            type: "get",
            // checkusename是用get接受的数据,所以这边用get发送
            dataType: "json",
            success(data) {
                $modelBody.html(data.data);
                //数据对象之中的数据
                $('#myModal').modal({
                        keyboard: false
                    })
                    //不管成功还是失败,这个弹窗都会反馈
                if (!data.error) {
                    // data没有错误,成功
                    usernamelock = true;
                    //成功用户名锁就是真,在提交之时,就能成功提交
                } else {
                    // 其次,失败
                    usernamelock = false;
                }
            }
        })
    })




    $submitBtn.on("click", () => {
        // 判断用户名和密码是否都通过了验证
        console.log("注册1")
        if (usernamelock) {
            console.log("注册成功")
                // 如果要使用ajax发送请求 且请求中携带了文件 则我们必须使用ajax2.0中提供的一个新的构造函数>>>> FormData
                // FormData()的参数是原生表单 要求：表单控件必须具备name属性 才会将该控件的值放入FormData
                //FormData表单数据
            let form = $("form")[0];
            //元素表单
            console.log(form)
                //获取了第一个form表单的四个div数据;;;
                // 生成FormData实例 此时所有具备name属性的控件的值已经被fm接收到了
            let fm = new FormData(form);
            console.log(fm);
            //显示一个FormData {}实例里面没有值,我们可以通过遍历数组来查看
            fm.forEach((value, index) => {
                console.log(value, index);
            })

            // 发送请求将fm对象发送给服务器
            $.ajax({
                url: "/php/regist.php",
                //发送到注册地址
                data: fm,
                // 数据就是fm
                type: "post",
                //必须是post,因为get没有请求正文
                dataType: "text",
                //先发送一个文本
                contentType: false,
                processData: false,
                //内容类型;;过程数据
                success(data) {
                    console.log(data);
                    $modelBody.html(data.data);
                    $('#myModal').modal({
                            keyboard: false
                        })
                        //给用户一个注册成功提示,但是,因为页面跳转,看不到;;
                    if (!data.error) {
                        location = "./login.html";
                    }
                    //如果成功,那么就将地址转换为登陆页面
                }
            })
        }
    })
})